<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vision Analyzer Configuration Test</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            background-color: #f5f5f5;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .status {
            background: #e8f5e8;
            padding: 15px;
            border-radius: 5px;
            margin-bottom: 20px;
            border-left: 4px solid #28a745;
        }
        .provider-section {
            margin: 20px 0;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
        .provider-title {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }
        select {
            width: 100%;
            padding: 8px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 14px;
        }
        .current-status {
            background: #fff3cd;
            padding: 10px;
            border-radius: 4px;
            margin: 10px 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Vision Analyzer 配置测试页面</h1>

        <div class="status">
            <h3>当前状态</h3>
            <div class="current-status">
                <strong>当前Provider:</strong> tencent<br>
                <strong>当前Model:</strong> hunyuan-vision
            </div>
        </div>

        <div class="provider-section">
            <div class="provider-title">Zai AI 智谱清言配置</div>
            <label>视觉模型选择:</label>
            <select>
                <option value="glm-4v">glm-4v</option>
                <option value="glm-4.5v">glm-4.5v</option>
                <option value="glm-4-flash">glm-4-flash</option>
                <option value="glm-4-plus">glm-4-plus</option>
                <option value="glm-4-long">glm-4-long</option>
                <option value="glm-4-air">glm-4-air</option>
            </select>
        </div>

        <div class="provider-section">
            <div class="provider-title">Moonshot 月之暗面配置</div>
            <label>视觉模型选择:</label>
            <select>
                <option value="moonshot-v1-8k-vision-preview">moonshot-v1-8k-vision-preview</option>
                <option value="moonshot-v1-32k-vision-preview">moonshot-v1-32k-vision-preview</option>
                <option value="moonshot-v1-128k-vision-preview">moonshot-v1-128k-vision-preview</option>
            </select>
        </div>

        <div class="provider-section">
            <div class="provider-title">Tencent 腾讯混元配置</div>
            <label>视觉模型选择:</label>
            <select>
                <option value="hunyuan-vision" selected>hunyuan-vision</option>
                <option value="hunyuan-turbo-vision">hunyuan-turbo-vision</option>
                <option value="hunyuan-t1-vision">hunyuan-t1-vision</option>
                <option value="hunyuan-large-vision">hunyuan-large-vision</option>
                <option value="hunyuan-turbos-vision-20250619">hunyuan-turbos-vision-20250619</option>
                <option value="hunyuan-t1-vision-20250619">hunyuan-t1-vision-20250619</option>
                <option value="hunyuan-vision-7b-20250720">hunyuan-vision-7b-20250720</option>
                <option value="hunyuan-t1-vision-20250916">hunyuan-t1-vision-20250916</option>
            </select>
        </div>
    </div>
</body>
</html>